<nav class="navbar-default navbar-static-side" role="navigation">
    <div class="nav-close"><i class="fa fa-times-circle"></i>
    </div>
    <div class="sidebar-collapse">
        <ul class="nav" id="side-menu">
            <li class="nav-header">
                <div class="dropdown profile-element">
                    <span><img alt="image" class="img-circle"
                               src="#(CPATH)/static/img/a1.jpg"
                               width="64px" height="64px"/>
                    </span>
                    <a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <span class="clear">
                       <span class="block m-t-xs"><strong class="font-bold">#shiroAuthenticated()#(USER.username??)#end</strong></span>
                        <span class="text-muted text-xs block">角色<b class="caret"></b></span>
                        </span>
                    </a>
                    <ul class="dropdown-menu animated fadeInRight m-t-xs">
                        <li><a class="J_menuItem" href="#(CPATH)/admin/user/userInfo">个人资料</a></li>
                        <li><a class="J_menuItem" href="#(CPATH)/admin/user/changePwd">修改密码</a></li>
                        <li class="divider"></li>
                        <li><a href="#(CPATH)/admin/logout">安全退出</a>
                        </li>
                    </ul>
                </div>
                <div class="logo-element">J+
                </div>
            </li>

            #for(title:menus)
            #if(title.childList??)
                #if(for.count==1)
                <li class="active">
                #else
                <li>
                #end
                <a href="#">
                    <i class="fa #(title.icon??)"></i>
                    <span class="nav-label">#(title.name)</span>
                    <span class="fa arrow"></span>
                </a>
                #if(for.count==1)
                    <ul class="nav nav-second-level collapse in" aria-expanded="true">
                #else
                    <ul class="nav nav-second-level">
                #end

                    #for(subTitle : title.childList)
                    #if(subTitle.childList??)
                    <li>
                        <a href="#">#(subTitle.name) <span class="fa arrow"></span></a>
                        <ul class="nav nav-third-level">
                            #for(thirdTitle : subTitle.childList)
                            <li>
                                <a class="J_menuItem" href="#(CPATH)#(thirdTitle.url)" name="tabMenuItem">#(thirdTitle.name)</a>
                            </li>
                            #end
                        </ul>
                    </li>
                    #else
                    <li>
                        <a class="J_menuItem" href="#(CPATH)#(subTitle.url)" name="tabMenuItem">#(subTitle.name)</a>
                    </li>
                    #end
                    #end
                </ul>
            </li>
            #else
            #if(for.count==1)
                <li class="active">
            #else
                <li>
            #end
                <a class="J_menuItem" href="#(CPATH)#(title.url)" name="tabMenuItem">
                    <i class="fa #(title.icon??)"></i>
                    <span class="nav-label">#(title.name)</span>
                </a>
            </li>
            #end
            #end

        </ul>
    </div>
</nav>